<div class="blog-sidebar">
  <div class="introduction">
    <div class="qrcode m-auto w-50">
      <img class="w-100" src="/assets/imgs/common/qrcode.png" alt="扫一扫"/>
    </div>
    <div class="qrcode w-50 mx-auto mt-3">
      <a class="btn btn-success w-100" href="/blog" role="button">写博客</a>
    </div>
    <div class="social-link list-group w-50 mx-auto mt-3">
      <a class="list-group-item list-group-item-action disabled bg-light" title="仓库">仓库</a>
      <a class="list-group-item list-group-item-action" href="https://github.com/RogueQ" target="_blank" title="Git Hub"><fa-icon [icon]="['fab', 'github']"></fa-icon> Git Hub</a>
      <a class="list-group-item list-group-item-action" href="https://gitee.com/rogue" target="_blank" title="码云"><fa-icon [icon]="['fab', 'gg']"></fa-icon> 码云</a>
      <a class="list-group-item list-group-item-action disabled bg-light" title="分享">分享</a>
      <a class="list-group-item list-group-item-action" href="#" title="微博"><fa-icon [icon]="['fab', 'weibo']"></fa-icon> 微博</a>
      <a class="list-group-item list-group-item-action" href="#" title="邮件"><fa-icon [icon]="['fas', 'envelope']"></fa-icon> 邮件</a>
      <a class="list-group-item list-group-item-action" href="#" title="微信"><fa-icon [icon]="['fab', 'weixin']"></fa-icon> 微信</a>
      <a class="list-group-item list-group-item-action" href="#" title="QQ"><fa-icon [icon]="['fab', 'qq']"></fa-icon> QQ</a>
    </div>
  </div>
</div>
